<template>
  <div>
    <component :is="view.type" v-bind="view.attrs" class="pg-w-[100%]">
      <Card slot="left" class="bg" :title="'班组列表'">
        <lt-table :data="dataSet.leftTableData"></lt-table>
      </Card>
      <Card slot="right" class="bg" :title="'人员列表'">
        <pg-table :data="dataSet.rightTableData"></pg-table>
      </Card>
    </component>
    <createModal :data="dataSet.leftFormData" :attrs="attrs"></createModal>
    <editModal :data="dataSet.leftFormData" :attrs="attrs"></editModal>
    <detailModal :data="dataSet.leftFormData" :attrs="detailAttrs"></detailModal>
  </div>
</template>

<script>
import PgTable from "./main/rightTable.vue";
import ancMixin from "./ancMixin";
import dateMixin from "./mix/dateMixin";
import createModal from "./createdModal/createModal.vue";
import editModal from "./editModal/editModal.vue";
import detailModal from "./detailModal/detailModal.vue";
import LtTable from "./main/leftTable.vue";

export default {
  name: "",
  components: {
    PgTable,
    LtTable,
    createModal,
    editModal,
    detailModal,
  },
  mixins: [ancMixin, dateMixin],
  data() {
    return {
      tabName: "",
    };
  },
  props: {},
  watch: {},
  computed: {
    view() {
      return {
        type: ["starGenView", "starTwoView", "starThreeView"][1],
        attrs: {
          left: 12,
          right: 12,
          middle: 0,
          minLeftHeight: "300px",
          title: {
            "en-US": "abc",
            "zh-CN": "班组绑定人员",
          }[this.G_Locale],
          fontStyle: {},
        },
      };
    },
  },
  created() {},
  mounted() {
    this.setDateOptions(this.dateOptions);
    this.setMonthDateOptions(this.monthDateOptions);
  },
  methods: {
   
  },
};
</script>
<style scoped>
.bg {
  height: 100%;
  background-color: #fff;
}
</style>
<style>
.ivu-input[disabled],
fieldset[disabled] .ivu-input {
  background: #fff;
}
.ivu-input[disabled]:hover,
fieldset[disabled] .ivu-input:hover {
  background: #fff;
  color: #333;
}
.ivu-select-disabled .ivu-select-selection {
  background: #fff;
  color: #333;
}
.ivu-input[disabled], fieldset[disabled] .ivu-input{
  color: #333;
}
</style>
